<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>互联网求职招聘找工作-上拉勾招聘-专业的互联网求职招聘网站</title>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/loginBanner.css">
    <link rel="stylesheet" href="css/search.css">
    <link rel="stylesheet" href="css/content.css">
    <link rel="stylesheet" href="css/indexMain.css">
    <link rel="stylesheet" href="css/moduleTabs.css">
    <link rel="stylesheet" href="css/hot-recruit.css">
    <link rel="stylesheet" href="css/hot-company.css">
    <link rel="stylesheet" href="css/links.css">
    <link rel="stylesheet" href="css/footer.css">
    <link rel="stylesheet" href="css/copyright.css">
    <link rel="stylesheet" href="css/backtop.css">
</head>
<body>
    <!-- header begin -->
    <div class="header">
        <div class="inner-c header-c">
            <!-- float-left -->
            <div class="header-left">
                <!-- logo -->
                <h1 class="logo">
                    <a href="index.html">堆一些关键字：拉钩招聘|招聘|求职|学习|前端开发|java</a>
                </h1>
                <!-- city -->
                <div class="city">
                    <span>全国站</span><i>[切换城市]</i>
                </div>
                <ul class="nav">
                    <li class="current"><a href="index.html">首页</a></li>
                    <li><a href="#">公司</a></li>
                    <li><a href="#">校园招聘</a></li>
                    <li><a href="#">言职</a></li>
                    <li><a href="#">职位</a></li>
                    <li><a href="#">课程<span class="tips">new</span></a></li>
                </ul>
            </div>
            <!-- float-right -->
            <div class="header-right">
                <a href="#" class="upload">上传简历</a>
                <a href="#" class="position">职位订阅</a>
                <a href="#" class="login">登录<i></i></a>
                <span>|</span>
                <a href="#" class="register">注册</a>
                <a href="#" class="app">拉钩APP<i></i></a>
                <a href="#" class="company">进入企业版</a>
            </div>
        </div>
    </div>
    <!-- hearder end -->
    <!-- login-banner-begin -->
    <div class="login-banner">
        <div class="inner-c login-banner-c">
            <!-- 广告 -->
            <div class="ad">
                <img src="limages/text_01.png" alt="想去互联网好公司，就上拉勾">
                <p>989992家公司 | 7609558个职位，在拉钩等你</p>
            </div>
            <!-- 登录表单 -->
            <div class="login-form">
                <!-- tel-number -->
                <div class="tel">
                    <div class="area-code">
                        <!-- 当前显示的编码 -->
                        <span class="area-code-now">0086</span>
                        <!-- 下拉菜单 -->
                        <div class="area-code-list">
                            <dl>
                                <dt>
                                    常用
                                    <dd>中国大陆<span>0086</span></dd>
                                    <dd>中国大陆<span>0086</span></dd>
                                    <dd>中国大陆<span>0086</span></dd>
                                    <dd>中国大陆<span>0086</span></dd>
                                    <dd>中国大陆<span>0086</span></dd>
                                </dt>
                                <dt>
                                    常用
                                    <dd>中国大陆<span>0086</span></dd>
                                    <dd>中国大陆<span>0086</span></dd>
                                    <dd>中国大陆<span>0086</span></dd>
                                    <dd>中国大陆<span>0086</span></dd>
                                    <dd>中国大陆<span>0086</span></dd>
                                </dt>
                                <dt>
                                    常用
                                    <dd>中国大陆<span>0086</span></dd>
                                    <dd>中国大陆<span>0086</span></dd>
                                    <dd>中国大陆<span>0086</span></dd>
                                    <dd>中国大陆<span>0086</span></dd>
                                    <dd>中国大陆<span>0086</span></dd>
                                </dt>
                            </dl>
                            <p>如果没有找到您的所在归属地，请拨打客服电话4006282835解决。</p>
                        </div>
                    </div>
                    <input type="text" class="user-tel" placeholder="请输入手机号码">
                </div>
                <!-- id-code -->
                <div class="id-code">
                    <input type="text" class="id-code-text" placeholder="验证码">
                    <i>|</i>
                    <span>获取</span>
                </div>
                <!-- button -->
                <div class="login-register">登录/注册</div>
            </div>
        </div>
    </div>
    <!-- login-banner-end -->
    <!-- search begin -->
    <div class="search">
        <div class="form-container">
            <form class="search-form">
                <input type="text" class="search-input" placeholder="搜索职位、公司和地址">
                <input type="submit" class="search-btn"value="搜索">
            </form>
        </div>
    </div>
    <!-- search end -->
    <!-- content-begin -->
    <div class="content">
        <div class="inner-c">
            <!-- main-begin -->
            <div class="main">
                <!-- aside -->
                <div class="aside">
                    <ul>
                        <li>
                            <h2>技术</h2>
                            <p>
                                <a href="">Java</a>
                                <a href="">PHP</a>
                                <a href="">C++</a>
                                <a href="">区块链</a>
                            </p>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <h2>技术</h2>
                            <p>
                                <a href="">Java</a>
                                <a href="">PHP</a>
                                <a href="">C++</a>
                                <a href="">区块链</a>
                            </p>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <h2>技术</h2>
                            <p>
                                <a href="">Java</a>
                                <a href="">PHP</a>
                                <a href="">C++</a>
                                <a href="">区块链</a>
                            </p>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <h2>技术</h2>
                            <p>
                                <a href="">Java</a>
                                <a href="">PHP</a>
                                <a href="">C++</a>
                                <a href="">区块链</a>
                            </p>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <h2>技术</h2>
                            <p>
                                <a href="">Java</a>
                                <a href="">PHP</a>
                                <a href="">C++</a>
                                <a href="">区块链</a>
                            </p>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <h2>技术</h2>
                            <p>
                                <a href="">Java</a>
                                <a href="">PHP</a>
                                <a href="">C++</a>
                                <a href="">区块链</a>
                            </p>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <h2>技术</h2>
                            <p>
                                <a href="">Java</a>
                                <a href="">PHP</a>
                                <a href="">C++</a>
                                <a href="">区块链</a>
                            </p>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <h2>技术</h2>
                            <p>
                                <a href="">Java</a>
                                <a href="">PHP</a>
                                <a href="">C++</a>
                                <a href="">区块链</a>
                            </p>
                        </li>
                    </ul>
                </div>
                <!-- banner -->
                <div class="banner" id="wraperS">
                    <div class="inner">                   
                        <ul id="gun">
                            <li><a href="#"><img src="limages/banner_01.jpg" alt=""></a></li>
                            <li><a href="#"><img src="limages/banner_02.jpg" alt=""></a></li>
                            <li><a href="#"><img src="limages/banner_03.jpg" alt=""></a></li>
                            <li><a href="#"><img src="limages/banner_04.png" alt=""></a></li>
                            <li><a href="#"><img src="limages/banner_05.jpg" alt=""></a></li>
                        </ul>
                    </div>
                    <ol id="ol">
                        <li class="current"></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ol>
                    <div class="btn">
                        <span class="btn-left" id="scrollBtnL"></span>
                        <span class="btn-right" id="scrollBtnR"></span>
                    </div>
                </div>
            </div>
            <!-- main end -->
            <!-- 热门职位选项卡部分开始 -->
            <div class="module-tabs hot-recruit">
                <div class="title" id="hd">
                    <span class="current">24Hour热门</span>
                    <span>最新职位</span>
                </div>
                <p class="tips">
                    <i>?</i>
                    <span>过去24小时，最多人看过的岗位在这里</span>
                    <a href="#">我知道了</a>
                </p>
                <div class="detail" id="bd">
                    <!-- 有几个sapn就对应几个ul -->
                    <ul class="current">
                        <li>
                            <div class="top">
                                <div class="position">
                                    <!-- top或bottom有几行就对应几个div容器，并看容器是否需要设置宽高,
                                    一般需要设置高度或者overflow属性来管理内部浮动元素-->
                                    <h4 class="name">高级java工程师</h4>
                                    <span class="time">&nbsp;[一天前发布]&nbsp;</span>
                                    <span class="chat-me"></span>
                                    <span class="salary">25k-45k</span>
                                </div>
                                <div class="info">
                                    <span>经验3-5年</span>
                                    <i>/</i>
                                    <span>本科</span>
                                </div>
                                <div class="label">
                                    <span>后端</span>
                                    <span>服务器端</span>
                                    <span>Java</span>
                                </div>
                            </div>
                            <dl class="bottom">
                                <dt><a href="#"><img src="limages/wanba.png" alt="wanba"></a></dt>
                                <dd>
                                    <h4>玩吧</h4>
                                    <p>
                                        <span>社交</span>
                                        <i>/</i>
                                        <span>B轮</span>
                                        <i>/</i>
                                        <span>B轮</span>
                                    </p>
                                </dd>
                            </dl>
                        </li>
                        <li>
                            <div class="top">
                                <div class="position">
                                    <!-- top或bottom有几行就对应几个div容器，并看容器是否需要设置宽高,
                                    一般需要设置高度或者overflow属性来管理内部浮动元素-->
                                    <h4 class="name">高级java工程师</h4>
                                    <span class="time">&nbsp;[一天前发布]&nbsp;</span>
                                    <span class="chat-me"></span>
                                    <span class="salary">25k-45k</span>
                                </div>
                                <div class="info">
                                    <span>经验3-5年</span>
                                    <i>/</i>
                                    <span>本科</span>
                                </div>
                                <div class="label">
                                    <span>后端</span>
                                    <span>服务器端</span>
                                    <span>Java</span>
                                </div>
                            </div>
                            <dl class="bottom">
                                <dt><a href="#"><img src="limages/wanba.png" alt="wanba"></a></dt>
                                <dd>
                                    <h4>玩吧</h4>
                                    <p>
                                        <span>社交</span>
                                        <i>/</i>
                                        <span>B轮</span>
                                        <i>/</i>
                                        <span>B轮</span>
                                    </p>
                                </dd>
                            </dl>
                        </li>
                        <li>
                            <div class="top">
                                <div class="position">
                                    <!-- top或bottom有几行就对应几个div容器，并看容器是否需要设置宽高,
                                    一般需要设置高度或者overflow属性来管理内部浮动元素-->
                                    <h4 class="name">高级java工程师</h4>
                                    <span class="time">&nbsp;[一天前发布]&nbsp;</span>
                                    <span class="chat-me"></span>
                                    <span class="salary">25k-45k</span>
                                </div>
                                <div class="info">
                                    <span>经验3-5年</span>
                                    <i>/</i>
                                    <span>本科</span>
                                </div>
                                <div class="label">
                                    <span>后端</span>
                                    <span>服务器端</span>
                                    <span>Java</span>
                                </div>
                            </div>
                            <dl class="bottom">
                                <dt><a href="#"><img src="limages/wanba.png" alt="wanba"></a></dt>
                                <dd>
                                    <h4>玩吧</h4>
                                    <p>
                                        <span>社交</span>
                                        <i>/</i>
                                        <span>B轮</span>
                                        <i>/</i>
                                        <span>B轮</span>
                                    </p>
                                </dd>
                            </dl>
                        </li>
                        <li>
                            <div class="top">
                                <div class="position">
                                    <!-- top或bottom有几行就对应几个div容器，并看容器是否需要设置宽高,
                                    一般需要设置高度或者overflow属性来管理内部浮动元素-->
                                    <h4 class="name">高级java工程师</h4>
                                    <span class="time">&nbsp;[一天前发布]&nbsp;</span>
                                    <span class="chat-me"></span>
                                    <span class="salary">25k-45k</span>
                                </div>
                                <div class="info">
                                    <span>经验3-5年</span>
                                    <i>/</i>
                                    <span>本科</span>
                                </div>
                                <div class="label">
                                    <span>后端</span>
                                    <span>服务器端</span>
                                    <span>Java</span>
                                </div>
                            </div>
                            <dl class="bottom">
                                <dt><a href="#"><img src="limages/wanba.png" alt="wanba"></a></dt>
                                <dd>
                                    <h4>玩吧</h4>
                                    <p>
                                        <span>社交</span>
                                        <i>/</i>
                                        <span>B轮</span>
                                        <i>/</i>
                                        <span>B轮</span>
                                    </p>
                                </dd>
                            </dl>
                        </li>
                        <li>
                            <div class="top">
                                <div class="position">
                                    <!-- top或bottom有几行就对应几个div容器，并看容器是否需要设置宽高,
                                    一般需要设置高度或者overflow属性来管理内部浮动元素-->
                                    <h4 class="name">高级java工程师</h4>
                                    <span class="time">&nbsp;[一天前发布]&nbsp;</span>
                                    <span class="chat-me"></span>
                                    <span class="salary">25k-45k</span>
                                </div>
                                <div class="info">
                                    <span>经验3-5年</span>
                                    <i>/</i>
                                    <span>本科</span>
                                </div>
                                <div class="label">
                                    <span>后端</span>
                                    <span>服务器端</span>
                                    <span>Java</span>
                                </div>
                            </div>
                            <dl class="bottom">
                                <dt><a href="#"><img src="limages/wanba.png" alt="wanba"></a></dt>
                                <dd>
                                    <h4>玩吧</h4>
                                    <p>
                                        <span>社交</span>
                                        <i>/</i>
                                        <span>B轮</span>
                                        <i>/</i>
                                        <span>B轮</span>
                                    </p>
                                </dd>
                            </dl>
                        </li>
                        <li>
                            <div class="top">
                                <div class="position">
                                    <!-- top或bottom有几行就对应几个div容器，并看容器是否需要设置宽高,
                                    一般需要设置高度或者overflow属性来管理内部浮动元素-->
                                    <h4 class="name">高级java工程师</h4>
                                    <span class="time">&nbsp;[一天前发布]&nbsp;</span>
                                    <span class="chat-me"></span>
                                    <span class="salary">25k-45k</span>
                                </div>
                                <div class="info">
                                    <span>经验3-5年</span>
                                    <i>/</i>
                                    <span>本科</span>
                                </div>
                                <div class="label">
                                    <span>后端</span>
                                    <span>服务器端</span>
                                    <span>Java</span>
                                </div>
                            </div>
                            <dl class="bottom">
                                <dt><a href="#"><img src="limages/wanba.png" alt="wanba"></a></dt>
                                <dd>
                                    <h4>玩吧</h4>
                                    <p>
                                        <span>社交</span>
                                        <i>/</i>
                                        <span>B轮</span>
                                        <i>/</i>
                                        <span>B轮</span>
                                    </p>
                                </dd>
                            </dl>
                        </li>
                        <li>
                            <div class="top">
                                <div class="position">
                                    <!-- top或bottom有几行就对应几个div容器，并看容器是否需要设置宽高,
                                    一般需要设置高度或者overflow属性来管理内部浮动元素-->
                                    <h4 class="name">高级java工程师</h4>
                                    <span class="time">&nbsp;[一天前发布]&nbsp;</span>
                                    <span class="chat-me"></span>
                                    <span class="salary">25k-45k</span>
                                </div>
                                <div class="info">
                                    <span>经验3-5年</span>
                                    <i>/</i>
                                    <span>本科</span>
                                </div>
                                <div class="label">
                                    <span>后端</span>
                                    <span>服务器端</span>
                                    <span>Java</span>
                                </div>
                            </div>
                            <dl class="bottom">
                                <dt><a href="#"><img src="limages/wanba.png" alt="wanba"></a></dt>
                                <dd>
                                    <h4>玩吧</h4>
                                    <p>
                                        <span>社交</span>
                                        <i>/</i>
                                        <span>B轮</span>
                                        <i>/</i>
                                        <span>B轮</span>
                                    </p>
                                </dd>
                            </dl>
                        </li>
                        <li>
                            <div class="top">
                                <div class="position">
                                    <!-- top或bottom有几行就对应几个div容器，并看容器是否需要设置宽高,
                                    一般需要设置高度或者overflow属性来管理内部浮动元素-->
                                    <h4 class="name">高级java工程师</h4>
                                    <span class="time">&nbsp;[一天前发布]&nbsp;</span>
                                    <span class="chat-me"></span>
                                    <span class="salary">25k-45k</span>
                                </div>
                                <div class="info">
                                    <span>经验3-5年</span>
                                    <i>/</i>
                                    <span>本科</span>
                                </div>
                                <div class="label">
                                    <span>后端</span>
                                    <span>服务器端</span>
                                    <span>Java</span>
                                </div>
                            </div>
                            <dl class="bottom">
                                <dt><a href="#"><img src="limages/wanba.png" alt="wanba"></a></dt>
                                <dd>
                                    <h4>玩吧</h4>
                                    <p>
                                        <span>社交</span>
                                        <i>/</i>
                                        <span>B轮</span>
                                        <i>/</i>
                                        <span>B轮</span>
                                    </p>
                                </dd>
                            </dl>
                        </li>
                        <li>
                            <div class="top">
                                <div class="position">
                                    <!-- top或bottom有几行就对应几个div容器，并看容器是否需要设置宽高,
                                    一般需要设置高度或者overflow属性来管理内部浮动元素-->
                                    <h4 class="name">高级java工程师</h4>
                                    <span class="time">&nbsp;[一天前发布]&nbsp;</span>
                                    <span class="chat-me"></span>
                                    <span class="salary">25k-45k</span>
                                </div>
                                <div class="info">
                                    <span>经验3-5年</span>
                                    <i>/</i>
                                    <span>本科</span>
                                </div>
                                <div class="label">
                                    <span>后端</span>
                                    <span>服务器端</span>
                                    <span>Java</span>
                                </div>
                            </div>
                            <dl class="bottom">
                                <dt><a href="#"><img src="limages/wanba.png" alt="wanba"></a></dt>
                                <dd>
                                    <h4>玩吧</h4>
                                    <p>
                                        <span>社交</span>
                                        <i>/</i>
                                        <span>B轮</span>
                                        <i>/</i>
                                        <span>B轮</span>
                                    </p>
                                </dd>
                            </dl>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <div class="top">
                                <div class="position">
                                    <!-- top或bottom有几行就对应几个div容器，并看容器是否需要设置宽高,
                                    一般需要设置高度或者overflow属性来管理内部浮动元素-->
                                    <h4 class="name">高级java工程师</h4>
                                    <span class="time">&nbsp;[2天前发布]&nbsp;</span>
                                    <span class="chat-me"></span>
                                    <span class="salary">25k-45k</span>
                                </div>
                                <div class="info">
                                    <span>经验3-5年</span>
                                    <i>/</i>
                                    <span>本科</span>
                                </div>
                                <div class="label">
                                    <span>后端</span>
                                    <span>服务器端</span>
                                    <span>Java</span>
                                </div>
                            </div>
                            <dl class="bottom">
                                <dt><a href="#"><img src="limages/wanba.png" alt="wanba"></a></dt>
                                <dd>
                                    <h4>玩吧</h4>
                                    <p>
                                        <span>社交</span>
                                        <i>/</i>
                                        <span>B轮</span>
                                        <i>/</i>
                                        <span>B轮</span>
                                    </p>
                                </dd>
                            </dl>
                        </li>
                        <li>
                            <div class="top">
                                <div class="position">
                                    <!-- top或bottom有几行就对应几个div容器，并看容器是否需要设置宽高,
                                    一般需要设置高度或者overflow属性来管理内部浮动元素-->
                                    <h4 class="name">高级java工程师</h4>
                                    <span class="time">&nbsp;[一天前发布]&nbsp;</span>
                                    <span class="chat-me"></span>
                                    <span class="salary">25k-45k</span>
                                </div>
                                <div class="info">
                                    <span>经验3-5年</span>
                                    <i>/</i>
                                    <span>本科</span>
                                </div>
                                <div class="label">
                                    <span>后端</span>
                                    <span>服务器端</span>
                                    <span>Java</span>
                                </div>
                            </div>
                            <dl class="bottom">
                                <dt><a href="#"><img src="limages/wanba.png" alt="wanba"></a></dt>
                                <dd>
                                    <h4>玩吧</h4>
                                    <p>
                                        <span>社交</span>
                                        <i>/</i>
                                        <span>B轮</span>
                                        <i>/</i>
                                        <span>B轮</span>
                                    </p>
                                </dd>
                            </dl>
                        </li>
                        <li>
                            <div class="top">
                                <div class="position">
                                    <!-- top或bottom有几行就对应几个div容器，并看容器是否需要设置宽高,
                                    一般需要设置高度或者overflow属性来管理内部浮动元素-->
                                    <h4 class="name">高级java工程师</h4>
                                    <span class="time">&nbsp;[一天前发布]&nbsp;</span>
                                    <span class="chat-me"></span>
                                    <span class="salary">25k-45k</span>
                                </div>
                                <div class="info">
                                    <span>经验3-5年</span>
                                    <i>/</i>
                                    <span>本科</span>
                                </div>
                                <div class="label">
                                    <span>后端</span>
                                    <span>服务器端</span>
                                    <span>Java</span>
                                </div>
                            </div>
                            <dl class="bottom">
                                <dt><a href="#"><img src="limages/wanba.png" alt="wanba"></a></dt>
                                <dd>
                                    <h4>玩吧</h4>
                                    <p>
                                        <span>社交</span>
                                        <i>/</i>
                                        <span>B轮</span>
                                        <i>/</i>
                                        <span>B轮</span>
                                    </p>
                                </dd>
                            </dl>
                        </li>
                        <li>
                            <div class="top">
                                <div class="position">
                                    <!-- top或bottom有几行就对应几个div容器，并看容器是否需要设置宽高,
                                    一般需要设置高度或者overflow属性来管理内部浮动元素-->
                                    <h4 class="name">高级java工程师</h4>
                                    <span class="time">&nbsp;[一天前发布]&nbsp;</span>
                                    <span class="chat-me"></span>
                                    <span class="salary">25k-45k</span>
                                </div>
                                <div class="info">
                                    <span>经验3-5年</span>
                                    <i>/</i>
                                    <span>本科</span>
                                </div>
                                <div class="label">
                                    <span>后端</span>
                                    <span>服务器端</span>
                                    <span>Java</span>
                                </div>
                            </div>
                            <dl class="bottom">
                                <dt><a href="#"><img src="limages/wanba.png" alt="wanba"></a></dt>
                                <dd>
                                    <h4>玩吧</h4>
                                    <p>
                                        <span>社交</span>
                                        <i>/</i>
                                        <span>B轮</span>
                                        <i>/</i>
                                        <span>B轮</span>
                                    </p>
                                </dd>
                            </dl>
                        </li>
                        <li>
                            <div class="top">
                                <div class="position">
                                    <!-- top或bottom有几行就对应几个div容器，并看容器是否需要设置宽高,
                                    一般需要设置高度或者overflow属性来管理内部浮动元素-->
                                    <h4 class="name">高级java工程师</h4>
                                    <span class="time">&nbsp;[一天前发布]&nbsp;</span>
                                    <span class="chat-me"></span>
                                    <span class="salary">25k-45k</span>
                                </div>
                                <div class="info">
                                    <span>经验3-5年</span>
                                    <i>/</i>
                                    <span>本科</span>
                                </div>
                                <div class="label">
                                    <span>后端</span>
                                    <span>服务器端</span>
                                    <span>Java</span>
                                </div>
                            </div>
                            <dl class="bottom">
                                <dt><a href="#"><img src="limages/wanba.png" alt="wanba"></a></dt>
                                <dd>
                                    <h4>玩吧</h4>
                                    <p>
                                        <span>社交</span>
                                        <i>/</i>
                                        <span>B轮</span>
                                        <i>/</i>
                                        <span>B轮</span>
                                    </p>
                                </dd>
                            </dl>
                        </li>
                        <li>
                            <div class="top">
                                <div class="position">
                                    <!-- top或bottom有几行就对应几个div容器，并看容器是否需要设置宽高,
                                    一般需要设置高度或者overflow属性来管理内部浮动元素-->
                                    <h4 class="name">高级java工程师</h4>
                                    <span class="time">&nbsp;[一天前发布]&nbsp;</span>
                                    <span class="chat-me"></span>
                                    <span class="salary">25k-45k</span>
                                </div>
                                <div class="info">
                                    <span>经验3-5年</span>
                                    <i>/</i>
                                    <span>本科</span>
                                </div>
                                <div class="label">
                                    <span>后端</span>
                                    <span>服务器端</span>
                                    <span>Java</span>
                                </div>
                            </div>
                            <dl class="bottom">
                                <dt><a href="#"><img src="limages/wanba.png" alt="wanba"></a></dt>
                                <dd>
                                    <h4>玩吧</h4>
                                    <p>
                                        <span>社交</span>
                                        <i>/</i>
                                        <span>B轮</span>
                                        <i>/</i>
                                        <span>B轮</span>
                                    </p>
                                </dd>
                            </dl>
                        </li>
                        <li>
                            <div class="top">
                                <div class="position">
                                    <!-- top或bottom有几行就对应几个div容器，并看容器是否需要设置宽高,
                                    一般需要设置高度或者overflow属性来管理内部浮动元素-->
                                    <h4 class="name">高级java工程师</h4>
                                    <span class="time">&nbsp;[一天前发布]&nbsp;</span>
                                    <span class="chat-me"></span>
                                    <span class="salary">25k-45k</span>
                                </div>
                                <div class="info">
                                    <span>经验3-5年</span>
                                    <i>/</i>
                                    <span>本科</span>
                                </div>
                                <div class="label">
                                    <span>后端</span>
                                    <span>服务器端</span>
                                    <span>Java</span>
                                </div>
                            </div>
                            <dl class="bottom">
                                <dt><a href="#"><img src="limages/wanba.png" alt="wanba"></a></dt>
                                <dd>
                                    <h4>玩吧</h4>
                                    <p>
                                        <span>社交</span>
                                        <i>/</i>
                                        <span>B轮</span>
                                        <i>/</i>
                                        <span>B轮</span>
                                    </p>
                                </dd>
                            </dl>
                        </li>
                        <li>
                            <div class="top">
                                <div class="position">
                                    <!-- top或bottom有几行就对应几个div容器，并看容器是否需要设置宽高,
                                    一般需要设置高度或者overflow属性来管理内部浮动元素-->
                                    <h4 class="name">高级java工程师</h4>
                                    <span class="time">&nbsp;[一天前发布]&nbsp;</span>
                                    <span class="chat-me"></span>
                                    <span class="salary">25k-45k</span>
                                </div>
                                <div class="info">
                                    <span>经验3-5年</span>
                                    <i>/</i>
                                    <span>本科</span>
                                </div>
                                <div class="label">
                                    <span>后端</span>
                                    <span>服务器端</span>
                                    <span>Java</span>
                                </div>
                            </div>
                            <dl class="bottom">
                                <dt><a href="#"><img src="limages/wanba.png" alt="wanba"></a></dt>
                                <dd>
                                    <h4>玩吧</h4>
                                    <p>
                                        <span>社交</span>
                                        <i>/</i>
                                        <span>B轮</span>
                                        <i>/</i>
                                        <span>B轮</span>
                                    </p>
                                </dd>
                            </dl>
                        </li>
                        <li>
                            <div class="top">
                                <div class="position">
                                    <!-- top或bottom有几行就对应几个div容器，并看容器是否需要设置宽高,
                                    一般需要设置高度或者overflow属性来管理内部浮动元素-->
                                    <h4 class="name">高级java工程师</h4>
                                    <span class="time">&nbsp;[一天前发布]&nbsp;</span>
                                    <span class="chat-me"></span>
                                    <span class="salary">25k-45k</span>
                                </div>
                                <div class="info">
                                    <span>经验3-5年</span>
                                    <i>/</i>
                                    <span>本科</span>
                                </div>
                                <div class="label">
                                    <span>后端</span>
                                    <span>服务器端</span>
                                    <span>Java</span>
                                </div>
                            </div>
                            <dl class="bottom">
                                <dt><a href="#"><img src="limages/wanba.png" alt="wanba"></a></dt>
                                <dd>
                                    <h4>玩吧</h4>
                                    <p>
                                        <span>社交</span>
                                        <i>/</i>
                                        <span>B轮</span>
                                        <i>/</i>
                                        <span>B轮</span>
                                    </p>
                                </dd>
                            </dl>
                        </li>
                    </ul>
                </div>
                <a href="#" class="more">查看更多</a>
            </div>
            <!-- 热门职位选项卡部分end -->
            <!-- 热门公司部分start -->
            <div class="module-tabs hot-company">
                <div class="title">
                    <span class="current">互联网热门公司榜</span>
                </div>
                <p class="tips">
                    <i>?</i>
                    <span>互联网行业实力热门企业</span>
                    <a href="#">我知道了</a>
                </p>
                <div class="detail">
                    <!-- 有几个sapn就对应几个ul -->
                    <ul class="current">
                        <li>
                            <div class="top">
                                <p class="company-logo"><a href="#"><img src="limages/company_logo_meituan.jpg" alt="" class="company-logo-img"></a></p>
                                <h4 class="name"><a>美团</a></h4>
                                <div class="labels">
                                    <span>外卖</span>
                                    <i>/</i>
                                    <span>上市公司</span>
                                </div>
                                <p class="info">新三板上市公司，国内第一超高返利导购平台</p>
                            </div>
                            <div class="bottom">
                               <a href="" class="item1">
                                   <p class="data">14</p>
                                   <p class="name">面试评价</p>
                               </a>
                               <a href="" class="item2">
                                   <p class="data">3</p>
                                   <p class="name">在招职位</p>
                               </a>
                               <a href="" class="item3">
                                   <p class="data">100%</p>
                                   <p class="name">简历处理率</p>
                               </a>
                            </div>
                        </li>
                        <li>
                            <div class="top">
                                <p class="company-logo"><a href="#"><img src="limages/company_logo_meituan.jpg" alt="" class="company-logo-img"></a></p>
                                <h4 class="name"><a>美团</a></h4>
                                <div class="labels">
                                    <span>外卖</span>
                                    <i>/</i>
                                    <span>上市公司</span>
                                </div>
                                <p class="info">新三板上市公司，国内第一超高返利导购平台</p>
                            </div>
                            <div class="bottom">
                               <a href="" class="item1">
                                   <p class="data">14</p>
                                   <p class="name">面试评价</p>
                               </a>
                               <a href="" class="item2">
                                   <p class="data">3</p>
                                   <p class="name">在招职位</p>
                               </a>
                               <a href="" class="item3">
                                   <p class="data">100%</p>
                                   <p class="name">简历处理率</p>
                               </a>
                            </div>
                        </li>
                        <li>
                            <div class="top">
                                <p class="company-logo"><a href="#"><img src="limages/company_logo_meituan.jpg" alt="" class="company-logo-img"></a></p>
                                <h4 class="name"><a>美团</a></h4>
                                <div class="labels">
                                    <span>外卖</span>
                                    <i>/</i>
                                    <span>上市公司</span>
                                </div>
                                <p class="info">新三板上市公司，国内第一超高返利导购平台</p>
                            </div>
                            <div class="bottom">
                               <a href="" class="item1">
                                   <p class="data">14</p>
                                   <p class="name">面试评价</p>
                               </a>
                               <a href="" class="item2">
                                   <p class="data">3</p>
                                   <p class="name">在招职位</p>
                               </a>
                               <a href="" class="item3">
                                   <p class="data">100%</p>
                                   <p class="name">简历处理率</p>
                               </a>
                            </div>
                        </li>
                        <li>
                            <div class="top">
                                <p class="company-logo"><a href="#"><img src="limages/company_logo_meituan.jpg" alt="" class="company-logo-img"></a></p>
                                <h4 class="name"><a>美团</a></h4>
                                <div class="labels">
                                    <span>外卖</span>
                                    <i>/</i>
                                    <span>上市公司</span>
                                </div>
                                <p class="info">新三板上市公司，国内第一超高返利导购平台</p>
                            </div>
                            <div class="bottom">
                               <a href="" class="item1">
                                   <p class="data">14</p>
                                   <p class="name">面试评价</p>
                               </a>
                               <a href="" class="item2">
                                   <p class="data">3</p>
                                   <p class="name">在招职位</p>
                               </a>
                               <a href="" class="item3">
                                   <p class="data">100%</p>
                                   <p class="name">简历处理率</p>
                               </a>
                            </div>
                        </li>
                        <li>
                            <div class="top">
                                <p class="company-logo"><a href="#"><img src="limages/company_logo_meituan.jpg" alt="" class="company-logo-img"></a></p>
                                <h4 class="name"><a>美团</a></h4>
                                <div class="labels">
                                    <span>外卖</span>
                                    <i>/</i>
                                    <span>上市公司</span>
                                </div>
                                <p class="info">新三板上市公司，国内第一超高返利导购平台</p>
                            </div>
                            <div class="bottom">
                               <a href="" class="item1">
                                   <p class="data">14</p>
                                   <p class="name">面试评价</p>
                               </a>
                               <a href="" class="item2">
                                   <p class="data">3</p>
                                   <p class="name">在招职位</p>
                               </a>
                               <a href="" class="item3">
                                   <p class="data">100%</p>
                                   <p class="name">简历处理率</p>
                               </a>
                            </div>
                        </li>
                        <li>
                            <div class="top">
                                <p class="company-logo"><a href="#"><img src="limages/company_logo_meituan.jpg" alt="" class="company-logo-img"></a></p>
                                <h4 class="name"><a>美团</a></h4>
                                <div class="labels">
                                    <span>外卖</span>
                                    <i>/</i>
                                    <span>上市公司</span>
                                </div>
                                <p class="info">新三板上市公司，国内第一超高返利导购平台</p>
                            </div>
                            <div class="bottom">
                               <a href="" class="item1">
                                   <p class="data">14</p>
                                   <p class="name">面试评价</p>
                               </a>
                               <a href="" class="item2">
                                   <p class="data">3</p>
                                   <p class="name">在招职位</p>
                               </a>
                               <a href="" class="item3">
                                   <p class="data">100%</p>
                                   <p class="name">简历处理率</p>
                               </a>
                            </div>
                        </li>
                        <li>
                            <div class="top">
                                <p class="company-logo"><a href="#"><img src="limages/company_logo_meituan.jpg" alt="" class="company-logo-img"></a></p>
                                <h4 class="name"><a>美团</a></h4>
                                <div class="labels">
                                    <span>外卖</span>
                                    <i>/</i>
                                    <span>上市公司</span>
                                </div>
                                <p class="info">新三板上市公司，国内第一超高返利导购平台</p>
                            </div>
                            <div class="bottom">
                               <a href="" class="item1">
                                   <p class="data">14</p>
                                   <p class="name">面试评价</p>
                               </a>
                               <a href="" class="item2">
                                   <p class="data">3</p>
                                   <p class="name">在招职位</p>
                               </a>
                               <a href="" class="item3">
                                   <p class="data">100%</p>
                                   <p class="name">简历处理率</p>
                               </a>
                            </div>
                        </li>
                        <li>
                            <div class="top">
                                <p class="company-logo"><a href="#"><img src="limages/company_logo_meituan.jpg" alt="" class="company-logo-img"></a></p>
                                <h4 class="name"><a>美团</a></h4>
                                <div class="labels">
                                    <span>外卖</span>
                                    <i>/</i>
                                    <span>上市公司</span>
                                </div>
                                <p class="info">新三板上市公司，国内第一超高返利导购平台</p>
                            </div>
                            <div class="bottom">
                               <a href="" class="item1">
                                   <p class="data">14</p>
                                   <p class="name">面试评价</p>
                               </a>
                               <a href="" class="item2">
                                   <p class="data">3</p>
                                   <p class="name">在招职位</p>
                               </a>
                               <a href="" class="item3">
                                   <p class="data">100%</p>
                                   <p class="name">简历处理率</p>
                               </a>
                            </div>
                        </li>
                    </ul>
                </div>
                <a href="3" class="more">查看更多</a>
            </div>
            <!-- 热门公司部分end -->
            <!-- 友情链接部分start -->
            <div class="module-tabs links">
                <div class="title">
                    <span class="current">友情链接</span>
                    <span>热门城市</span>
                    <span>热门公司</span>
                    <span>热门职位</span>
                    <span>热门行业</span>
                    <span>热门关键词</span>
                </div>
                <div class="links-detail">
                    <ul>
                        <li>
                            <a href="https://www.lagou.com/shenzhen-zhaopin/" target="_blank" class="friend-link">深圳人才网</a>
                            <a href="https://www.lagou.com/shanghai-zhaopin/" target="_blank" class="friend-link">上海人才网</a>
                            <a href="https://www.lagou.com/guangzhou-zhaopin/" target="_blank" class="friend-link">广州人才网</a>
                            <a href="https://www.lagou.com/hangzhou-zhaopin/" target="_blank" class="friend-link">杭州人才网</a>
                            <a href="https://www.lagou.com/chengdu-zhaopin/" target="_blank" class="friend-link">成都人才网</a>
                            <a href="https://www.lagou.com/nanjing-zhaopin/" target="_blank" class="friend-link">南京人才网</a>
                            <a href="https://www.lagou.com/wuhan-zhaopin/" target="_blank" class="friend-link">武汉人才网</a>
                            <a href="https://www.lagou.com/xian-zhaopin/" target="_blank" class="friend-link">西安人才网</a>
                            <a href="https://www.lagou.com/changsha-zhaopin/" target="_blank" class="friend-link">长沙人才网</a>
                            <a href="https://www.lagou.com/suzhou-zhaopin/" target="_blank" class="friend-link">苏州人才网</a>
                            <a href="https://www.lagou.com/tianjin-zhaopin/" target="_blank" class="friend-link">天津人才网</a>
                            <a href="https://www.lagou.com/chongqing-zhaopin/" target="_blank" class="friend-link">重庆人才网</a>
                            <a href="https://www.lagou.com/zhengzhou-zhaopin/" target="_blank" class="friend-link">郑州人才网</a>
                            <a href="https://www.lagou.com/qingdao-zhaopin/" target="_blank" class="friend-link">青岛人才网</a>
                            <a href="https://www.lagou.com/hefei-zhaopin/" target="_blank" class="friend-link">合肥人才网</a>
                            <a href="https://www.lagou.com/fuzhou-zhaopin/" target="_blank" class="friend-link">福州人才网</a>
                            <a href="https://www.lagou.com/jinan-zhaopin/" target="_blank" class="friend-link">济南人才网</a>
                            <a href="https://www.lagou.com/dalian-zhaopin/" target="_blank" class="friend-link">大连人才网</a>
                            <a href="https://www.lagou.com/zhuhai-zhaopin/" target="_blank" class="friend-link">珠海人才网</a>
                            <a href="https://www.lagou.com/wuxi-zhaopin/" target="_blank" class="friend-link">无锡人才网</a>
                            <a href="https://www.lagou.com/foshan-zhaopin/" target="_blank" class="friend-link">佛山人才网</a>
                            <a href="https://www.lagou.com/dongguan-zhaopin/" target="_blank" class="friend-link">东莞人才网</a>
                            <a href="https://www.lagou.com/ningbo-zhaopin/" target="_blank" class="friend-link">宁波人才网</a>
                            <a href="https://www.lagou.com/changzhou-zhaopin/" target="_blank" class="friend-link">常州人才网</a>
                            <a href="https://www.lagou.com/shenyang-zhaopin/" target="_blank" class="friend-link">沈阳人才网</a>
                            <a href="https://www.lagou.com/shijiazhuang-zhaopin/" target="_blank" class="friend-link">石家庄人才网</a>
                            <a href="https://www.lagou.com/kunming-zhaopin/" target="_blank" class="friend-link">昆明人才网</a>
                            <a href="https://www.lagou.com/nanchang-zhaopin/" target="_blank" class="friend-link">南昌人才网</a>
                            <a href="https://www.lagou.com/nanning-zhaopin/" target="_blank" class="friend-link">南宁人才网</a>
                            <a href="https://www.lagou.com/haerbin-zhaopin/" target="_blank" class="friend-link">哈尔滨人才网</a>
                            <a href="https://www.lagou.com/haikou-zhaopin/" target="_blank" class="friend-link">海口人才网</a>
                            <a href="https://www.lagou.com/zhongshan-zhaopin/" target="_blank" class="friend-link">中山人才网</a>
                            <a href="https://www.lagou.com/huizhou-zhaopin/" target="_blank" class="friend-link">惠州人才网</a>
                            <a href="https://www.lagou.com/guiyang-zhaopin/" target="_blank" class="friend-link">贵阳人才网</a>
                            <a href="https://www.lagou.com/changchun-zhaopin/" target="_blank" class="friend-link">长春人才网</a>
                            <a href="https://www.lagou.com/taiyuan-zhaopin/" target="_blank" class="friend-link">太原人才网</a>
                            <a href="https://www.lagou.com/jiaxing-zhaopin/" target="_blank" class="friend-link">嘉兴人才网</a>
                            <a href="https://www.lagou.com/taian-zhaopin/" target="_blank" class="friend-link">泰安人才网</a>
                            <a href="https://www.lagou.com/kunshan-zhaopin/" target="_blank" class="friend-link">昆山人才网</a>
                            <a href="https://www.lagou.com/yantai-zhaopin/" target="_blank" class="friend-link">烟台人才网</a>
                            <a href="https://www.lagou.com/lanzhou-zhaopin/" target="_blank" class="friend-link">兰州人才网</a>
                            <a href="https://www.lagou.com/quanzhou-zhaopin/" target="_blank" class="friend-link">泉州人才网</a>
                            <a href="https://www.lagou.com/beijing/" target="_blank" class="friend-link">北京招聘</a>
                            <a href="https://www.lagou.com/shanghai/" target="_blank" class="friend-link">上海招聘</a>
                            <a href="https://www.lagou.com/shenzhen/" target="_blank" class="friend-link">深圳招聘</a>
                            <a href="https://www.lagou.com/guangzhou/" target="_blank" class="friend-link">广州招聘</a>
                            <a href="https://www.lagou.com/wuhan/" target="_blank" class="friend-link">武汉招聘</a>
                            <a href="https://www.lagou.com/hangzhou/" target="_blank" class="friend-link">杭州招聘</a>
                            <a href="https://www.lagou.com/jiangsu/" target="_blank" class="friend-link">江苏招聘</a>
                            <a href="https://www.lagou.com/chengdu/" target="_blank" class="friend-link">成都招聘</a>
                            <a href="https://www.lagou.com/beijing/" target="_blank" class="friend-link">北京找工作</a>
                            <a href="https://www.lagou.com/shanghai/" target="_blank" class="friend-link">上海找工作</a>
                            <a href="https://www.lagou.com/shenzhen/" target="_blank" class="friend-link">深圳找工作</a>
                            <a href="https://www.lagou.com/guangzhou/" target="_blank" class="friend-link">广州找工作</a>
                            <a href="https://www.lagou.com/wuhan/" target="_blank" class="friend-link">武汉找工作</a>
                            <a href="https://www.lagou.com/hangzhou/" target="_blank" class="friend-link">杭州找工作</a>
                            <a href="https://www.lagou.com/jiangsu/" target="_blank" class="friend-link">江苏找工作</a>
                            <a href="https://www.lagou.com/chengdu/" target="_blank" class="friend-link">成都找工作</a>
                        </li>
                    </ul>
                    <span class="show">展开</span>
                </div>
            </div>
            <!-- 友情链接部分end -->
        </div>
    </div>
    <!-- content-end -->
    <!-- footer start -->
    <div class="footer">
        <div class="inner-c footer-c">
            <!-- left -->
            <div class="login-method">
                <a class="app"><i></i><span>下载拉勾APP</span></a>
                <!-- 不单单文字居中，文字和图标都要居中：将文字和图标全都包进a中，a设置成text-align：center. -->
                <a class="mini"><i></i><span>微信小程序</span><img src="limages/mini_pro.png" alt=""></a>
                <!-- 直接用img作为子元素来设置绝对定位二维码 -->
                <div class="other">
                    <a class="weixin" href="">
                        <i></i><span class="weixin">拉勾微信</span>
                    </a>
                    <a class="weibo" href="">
                        <i></i><span class="weibo">拉勾微博</span>
                    </a>
                </div>
            </div>
            <!-- right -->
            <div class="service">
                <dl>
                    <dt>企业服务</dt>
                    <dd>
                        <a href="">企业抢人宝典</a>
                        <a href="">公司搜索</a>
                        <a href="">拉钩APP</a>
                    </dd>
                </dl>
                <dl>
                    <dt>用户帮助</dt>
                    <dd>
                        <a href="">用户服务协议</a>
                        <a href="">隐私政策</a>
                        <a href="">在线提问</a>
                    </dd>
                </dl>
                <dl class="last">
                    <dt>联系方式</dt>
                    <dd>
                        <a href="">服务热线: 4006 2828 35 (9:00 - 18:00)</a>
                        <a href="">企业服务邮箱：cc@lagou.com</a>
                        <a href="">联系我们</a>
                    </dd>
                </dl>
            </div>
        </div>
    </div>
    <!-- footer end -->
    <!-- copyright start -->
    <div class="copyright">
        <div class="inner-c copyright-c">
            <div class="left">
                <span class="lagou">©2020 拉勾网</span>
                <span class="ICP">京ICP备14023790号-2</span>
                <a class="anbei">京公网安备 11010802024043号<i></i></a>
                <div class="jubao">
                    <i></i>
                    <span>违法和不良信息举报</span>
                    <span>电话: 4006 2828 35</span>
                    <span>邮箱: cc@lagou.com</span>
                </div>
            </div>
            <div class="icon"></div>
        </div>
    </div>
    <!-- copyright end -->
    <!-- backtop start  -->
    <a href="#" class="backtop"></a>
<script src="./13.js"></script>
</body>
</html>
